<template>
  <div>
    <hr />
    <h1>{{ myDate }}</h1>
    <DatePicker v-model="myDate" />
    <hr />
    <h1>{{ date }}</h1>
    <!-- 
      active-date: 需要高亮显示的日期 
      highlight-current-date: 是否高亮显示当天日期, 默认值为true
    -->

    <DateView
      style="width: 400px"
      v-model="date"
      :highlight-today="true"
      today-color="orangered"
      selected-color="lightgreen"
    />
  </div>
</template>

<script>
import DatePicker from "./DatePicker";
import DateView from "./DateView";

export default {
  data() {
    return {
      date: "2023/04/5",
      myDate: "2023/04/5",
    };
  },
  components: {
    DateView,
    DatePicker,
  }
};
</script>

<style>
</style>